<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="static/js/lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="static/js/demonstrator.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/stylesheet.css" />
</head>
<body>
	<div id="content">
		<div id="header">
			<h1>Slogan Generator Demonstrator</h1>
		</div>
		<span id="message" wicket:id="message">Message goes here</span>
		<div id="forms">
			<h2>Configuration</h2>
			<form wicket:id="productDomainForm">
				<label for="productDomainChoice">Product domain:</label> <select
					id="productDomainChoice" name="productDomainChoice"
					wicket:id="productDomainChoice">
				</select>
			</form>
			<form class="domainSpecificForm" wicket:id="beauty-form"
				id="beauty-form">
				<h2>Beauty Products</h2>
				<div class="column">
					<div class="formRow">
						<label for="beauty-numSlogans">Number of slogans:</label><br />
						<!--  -->
						<input wicket:id="beauty-numSlogans" name="beauty-numSlogans"
							type="text">
					</div>
					<div class="formRow">
						<label for="beauty-productName">Product name:</label> <br />
						<!--  -->
						<input wicket:id="beauty-productName" name="beauty-productName"
							type="text">
					</div>
					<div class="formRow">
						<label for="beauty-pattern">Pattern:</label><br />
						<!--  -->
						<select id="beauty-pattern" name="beauty-pattern"
							wicket:id="beauty-pattern"></select>
					</div>
					<div class="formRow">
						<label for="beauty-partOfBody">Part of body:</label><br />
						<!--  -->
						<select id="beauty-partOfBody" name="beauty-partOfBody"
							wicket:id="beauty-partOfBody"></select>
					</div>
					<div class="formRow">
						<label for="beauty-useUbyForNewWords">Use Uby for looking
							for new words:</label><br />
						<!--  -->
						<input wicket:id="beauty-useUbyForNewWords"
							name="beauty-useUbyForNewWords" type="checkbox">
					</div>
				</div>
				<div class="column">
					<label for="beauty-suggestedWords">Suggested words: (one
						per line):</label><br />
					<textarea wicket:id="beauty-suggestedWords"
						name="beauty-suggestedWords" rows="20" cols="40"></textarea>
				</div>
				<br class="clearfloats" />
				<button wicket:id="beauty-submit">Generate slogans</button>
			</form>
			<form class="domainSpecificForm" wicket:id="cars-form" id="cars-form">
				<h2>Cars</h2>
				<div class="column">
					<div class="formRow">
						<label for="cars-numSlogans">Number of slogans:</label><br />
						<!--  -->
						<input wicket:id="cars-numSlogans" name="beauty-numSlogans"
							type="text">
					</div>
					<div class="formRow">
						<label for="cars-productName">Product name:</label> <br />
						<!--  -->
						<input wicket:id="cars-productName" name="cars-productName"
							type="text">
					</div>
					<div class="formRow">
						<label for="cars-goodLuck">Good Luck?</label> <br />
						<!--  -->
						<input wicket:id="cars-goodLuck" name="cars-goodLuck"
							type="checkbox">
					</div>
					<div class="formRow">
						<label for="cars-useProductNameCreatively">Use product
							name creatively?</label> <br />
						<!--  -->
						<input wicket:id="cars-useProductNameCreatively"
							name="cars-useProductNameCreatively" type="checkbox">
					</div>
					<div class="formRow">
						<label for="cars-templateChoice">Template:</label><br />
						<!--  -->
						<select id="cars-templateChoice" name="cars-templateChoice"
							wicket:id="cars-templateChoice"></select>
					</div>
					<div class="formRow">
						<label for="cars-emotionChoice">Emotion:</label><br />
						<!--  -->
						<select id="cars-emotionChoice" name="cars-emotionChoice"
							wicket:id="cars-emotionChoice"></select>
					</div>
				</div>
				<div class="column">
					<label for="cars-suggestedWords">Suggested words: (one per
						line):</label><br />
					<textarea wicket:id="cars-suggestedWords"
						name="cars-suggestedWords" rows="20" cols="40"></textarea>
				</div>
				<br class="clearfloats" />
				<button wicket:id="cars-submit">Generate slogans</button>
			</form>
			<form class="domainSpecificForm" wicket:id="games-form"
				id="games-form">
				<h2>Games</h2>
				<div class="column">
					<h3>General</h3>
					<div class="formRow">
						<label for="games-numSlogans">Number of slogans:</label><br />
						<!--  -->
						<input wicket:id="games-numSlogans" name="games-numSlogans"
							type="text">
					</div>
					<div class="formRow">
						<label for="games-gameName">Game name:</label> <br />
						<!--  -->
						<input wicket:id="games-gameName" name="games-gameName"
							type="text">
					</div>
					<div class="formRow">
						<label for="games-minWordsForGeneration">Min. words for
							generation:</label> <br />
						<!--  -->
						<input wicket:id="games-minWordsForGeneration"
							name="games-minWordsForGeneration" type="text">
					</div>
					<div class="formRow">
						<label for="games-maxSynsetDepth">Max. synset depth:</label> <br />
						<!--  -->
						<input wicket:id="games-maxSynsetDepth"
							name="games-maxSynsetDepth" type="text">
					</div>
					<div class="formRow">
						<label for="games-maxWordList">Max. word list:</label> <br />
						<!--  -->
						<input wicket:id="games-maxWordList" name="games-maxWordList"
							type="text">
					</div>
					<div class="formRow">
						<label for="games-emotion">Emotion:</label><br />
						<!--  -->
						<select id="games-emotion" name="games-emotion"
							wicket:id="games-emotion"></select>
					</div>
					<div class="formRow">
						<label for="games-randomSeed">Random Seed:</label><br />
						<!--  -->
						<input id="games-randomSeed" name="games-randomSeed"
							wicket:id="games-randomSeed"></input>
					</div>

				</div>
				<div class="column">
					<h3>Pattern weights</h3>
					<div class="formRow">
						<label for="games-patternWeight0">Weight for <span
							wicket:id="games-pattern0">Pattern0</span>:
						</label><br />
						<!--  -->
						<input id="games-patternWeight0" name="games-patternWeight0"
							wicket:id="games-patternWeight0"></input>
					</div>
					<div class="formRow">
						<label for="games-patternWeight1">Weight for <span
							wicket:id="games-pattern1">Pattern1</span>:
						</label><br />
						<!--  -->
						<input id="games-patternWeight1" name="games-patternWeight1"
							wicket:id="games-patternWeight1"></input>
					</div>
					<div class="formRow">
						<label for="games-patternWeight2">Weight for <span
							wicket:id="games-pattern2">Pattern2</span>:
						</label><br />
						<!--  -->
						<input id="games-patternWeight2" name="games-patternWeight2"
							wicket:id="games-patternWeight2"></input>
					</div>
					<div class="formRow">
						<label for="games-patternWeight3">Weight for <span
							wicket:id="games-pattern3">Pattern3</span>:
						</label><br />
						<!--  -->
						<input id="games-patternWeight3" name="games-patternWeight3"
							wicket:id="games-patternWeight3"></input>
					</div>
					<h3>Stylistic device weights</h3>
					<div class="formRow">
						<label for="games-styleDevWeight0">Weight for <span
							wicket:id="games-styleDev0">styleDev0</span>:
						</label><br />
						<!--  -->
						<input id="games-styleDevWeight0" name="games-styleDevWeight0"
							wicket:id="games-styleDevWeight0"></input>
					</div>
					<div class="formRow">
						<label for="games-styleDevWeight1">Weight for <span
							wicket:id="games-styleDev1">styleDev1</span>:
						</label><br />
						<!--  -->
						<input id="games-styleDevWeight1" name="games-styleDevWeight1"
							wicket:id="games-styleDevWeight1"></input>
					</div>
					<div class="formRow">
						<label for="games-styleDevWeight2">Weight for <span
							wicket:id="games-styleDev2">styleDev2</span>:
						</label><br />
						<!--  -->
						<input id="games-styleDevWeight2" name="games-styleDevWeight2"
							wicket:id="games-styleDevWeight2"></input>
					</div>
					<div class="formRow">
						<label for="games-styleDevWeight3">Weight for <span
							wicket:id="games-styleDev3">styleDev3</span>:
						</label><br />
						<!--  -->
						<input id="games-styleDevWeight3" name="games-styleDevWeight3"
							wicket:id="games-styleDevWeight3"></input>
					</div>
					<div class="formRow">
						<label for="games-styleDevWeight4">Weight for <span
							wicket:id="games-styleDev4">styleDev3</span>:
						</label><br />
						<!--  -->
						<input id="games-styleDevWeight4" name="games-styleDevWeight4"
							wicket:id="games-styleDevWeight4"></input>
					</div>
				</div>
				<div class="column">
					<h3>Features</h3>
					<label for="games-featureWords">Feature words (one per
						line):</label>
					<textarea wicket:id="games-featureWords" name="games-featureWords"
						rows="20" cols="40"></textarea>
				</div>
				<div class="column">
					<h3 style="display: hidden;">Features</h3>
					<label for="games-alienWords">Alien words (one per line):</label>
					<textarea wicket:id="games-alienWords" name="games-alienWords"
						rows="20" cols="40"></textarea>
				</div>
				<br class="clearfloats" />
				<button wicket:id="games-submit">Generate slogans</button>
			</form>
		</div>
		<div wicked:id="results" id="results">
			<h2>Generatd Slogans</h2>
			<ul wicket:id="slogans" class="slogans">
				<li><div class="slogan">
						<span wicket:id="sloganText"></span>
					</div></li>
			</ul>
		</div>
		<div id="acknowledgements">
			<h2>Project Information</h2>
			<p>
				This project is open source under <a target="_blank"
					href="http://www.apache.org/licenses/LICENSE-2.0">Apache
					License 2.0</a>. For more information, please visit <a target="_blank"
					href="https://code.google.com/p/pp-slogan-generation/">https://code.google.com/p/pp-slogan-generation/</a>.
			</p>
			<p>
				We thank Saif Mohammad for providing us with the NRC Emotion
				Lexicon: <em>NRC Emotion Lexicon, Saif M. Mohammad and Peter D.
					Turney, NRC Technical Report , December 2013, Ottawa, Canada. </em> For
				more information see <a target="_blank"
					href="http://www.purl.org/net/NRCemotionlexicon">http://www.purl.org/net/NRCemotionlexicon</a>.
			</p>
		</div>
		<div id="footer">&copy; Content: Matthieu Fraissinet-Tachet,
			Frerik Koch, Tobias Löser &mdash; Web application: Roland Kluge</div>
	</div>
</body>
</html>
